Адміністрація вирішила продати даний сайт. За детальною інформацією звертайтесь за адресою: rozrahu@gmail.com

Інформація про навчальний заклад

ВУЗ:
Національний університет Львівська політехніка
Інститут:
Не вказано
Факультет:
Не вказано
Кафедра:
Не вказано

Інформація про роботу

Рік:
2012
Тип роботи:
Звіт
Предмет:
Архітектура

Завантажити

2

Частина тексту файла

Міністерство освіти і науки України НУ »Львівська політехніка» Звіт 3 З дисципліни: Архітектура проектування ПЗ Розробив: Група ПІм-41з Перевірив: Климаш Т.С. м. Хмельницький 2012 Тема: реалізація MVC моделі на платформі Doc Net. Мета: навчитись реалізовувати MVC модель на платформі Doc Net. У класичній реалізації MVC основні принципи такі: слабке зв'язування. Модель нічого не знає ні про кого. Модель розсилає оповіщення, які може слухати, наприклад, Вид, якщо хоче. Вид знає про модель але не може її змінювати, вид може маніпулювати контролером. Контролер знає про Моделі і може її змінювати, а також знає про Вид (або видах) і може його (їх) міняти.  В даному випадку відмінності наступні:Модель нічого не знає ні про кого. Може розсилати оповіщенняВид знає тільки про моделі Контролер знає і про Вид і про Моделі. Завдання: створити найпростішу інтерактивну сторінку - список значень, і дві кнопки - додавання та видалення значень. Традиційний підхід досить простий - створюємо html файл. Для списку використовується select, для маніпуляцій - button. В атрибуті onClick у кнопок прописуємо виклик JavaScript функції. Для видалення значення з select звертаємося до DOM об'єкту select, запитуємо властивість selectedIndex і видаляємо відповідний об'єкт. <html><head><script> // <![CDATA[ function addItem (value) { if (!value) { return; } var myselect = document.getElementById('myselect'); var newoption = myselect.appendChild(document.createElement('option')); newoption.value = value; newoption.innerHTML=value; } function removeCurrentItem () { var myselect = document.getElementById('myselect'); if (myselect.selectedIndex === -1) { return; } var selectedOption = myselect.options[myselect.selectedIndex]; selectedOption.parentNode.removeChild(selectedOption); } // ]]> </script> </head> <body> <select id="myselect" size="4"></select> <button onClick="addItem(prompt('enter value'))">+</button> <button onClick="removeCurrentItem()" />-</button> </body> </html> Все просто і відмінно працює. Навіщо ж потрібно ще щось? Для даного додатка проблем не очікується, однак, за статистикою, власне, написання коду займає близько 25% часу, а інші 75% програміст займається розвитком, підтримкою проекту, додавання нових функцій. І в міру ускладнення програми та збільшення кількості підтримувати код стає все складніше і складніше, кількість багів збільшується. «Я зроблю через Jquery / Dojo / MooTools / Моя_любимая_аякс_библиотека». Наприклад так: <html><head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script> // <![CDATA[ $(document).ready(function(){ $('#plus').bind('click', function(){ var value = prompt('add value'); if (!value) { return; } $('<option>').html(value).appendTo($('#myselect')); }); $('#minus').bind('click', function(){ var myselect = $('#myselect'); if (myselect.attr('selectedIndex') === -1) { return; } myselect.children().remove(':selected'); }); }); // ]]> </script> </head> <body> <select id="myselect" size="4"></select> <button id="plus">+</button> <button id="minus"/>-</button> </body> </html> Стало ще краще, код став більш компактний і він виглядає дуже круто. Однак це не вирішило основну проблему: дані (список) зберігається всередині користувальницького інтерфейсу, всередині html елемента select. Другий недолік - у нас мішанина з html і javascript коду. Незважаючи на простоту, він погано розвивається. До прикладу до нас підходить начальник і говорить найпростішу прохання: «хочу щоб кнопка 'мінус' з'являлася тільки коли щось виділено в списку.». Відразу у вас, як у програміста, виникає питання: де робити це зміна - в html або в JavaScript. «Хм, мабуть вимкну кнопку в html" - скажете ви. А ваш колега, поки ви у відпустці, зробить схожу операцію всередині JavaScript.  Виходить що, здавалося б, проста з...
Звіт Архітектура
Антиботан аватар за замовчуванням
77pazan77

24.02.2013 22:02

Копіювати посилання
Поскаржитись

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, увійдіть або зареєструйтесь.

Завантаження файлу

Якщо Ви маєте на своєму комп'ютері файли, пов'язані з навчанням( розрахункові, лабораторні, практичні, контрольні роботи та інше...), і Вам не шкода ними поділитись - то скористайтесь формою для завантаження файлу, попередньо заархівувавши все в архів .rar або .zip розміром до 100мб, і до нього невдовзі отримають доступ студенти всієї України! Ви отримаєте грошову винагороду в кінці місяця, якщо станете одним з трьох переможців!
поділитись
Стань активним учасником руху antibotan!
Поділись актуальною інформацією,
і отримай привілеї у користуванні архівом! Детальніше
Які роботи дозволено додавати до архіву?

Оголошення від адміністратора

Антиботан аватар за замовчуванням

пропонує роботу

Admin

26.02.2019 12:38

Привіт усім учасникам нашого порталу! Хороші новини - з‘явилась можливість кожному заробити на своїх знаннях та вміннях. Тепер Ви можете продавати свої роботи на сайті заробляючи кошти, рейтинг і довіру користувачів. Потрібно завантажити роботу, вказати ціну і додати один інформативний скріншот з деякими частинами виконаних завдань. Навіть одна якісна і всім необхідна робота може продатися сотні разів. «Головою заробляти» продуктивніше ніж руками! :-)

Відгукнутись

10

Новини

Вхід на сайт

Забули пароль?
Ще не зареєстровані? Зареєструватися

Поскаржитися на роботу

В полі повідомлення будь-ласка опишіть причину, яка спонукала Вас поскаржитися на роботу.

Лише залоговані користувачі можуть надсилати скарги на файли адміністрації архіву!